import SvgIcon from "@/components/SvgIcon/index";

export default defineComponent({
  props: {
    id: {
      type: String,
      default: "",
    },
    class: {
      type: String,
      default: "",
    },
  },
  setup(props) {
    const { isFullscreen, toggle } = useFullscreen();
    return () => (
      <div id={props.id} class={props.class}>
        <SvgIcon
          iconClass={isFullscreen.value ? "exit-fullscreen" : "fullscreen"}
          onSvgClick={toggle}
        />
      </div>
    );
  },
});
